background-color: mix(black, $base_color, 5%);
}
&:active {
- color: $selected_bg_color;
- box-shadow: inset 0 2px 3px -1px transparentize(black,0.7);
+ box-shadow: inset 0 2px 2px -2px transparentize(black,0.8);
}
&:selected {
- @extend .list-row:selected;
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black,0.5); }
&:hover {
- @extend .list-row:selected;
background-color: mix(black, $selected_bg_color, 10%);
}
}
.list-row.button:hover {
background-color: #262626; }
.list-row.button:active {
- color: #215d9c;
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
- .button.list-row:active:selected {
+ box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+ .list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
- .button.list-row:hover:selected {
+ .list-row.button:selected:hover {
background-color: #1d538c; }
-.list-row:selected, .list-row.button:selected, .list-row.button:selected:hover {
+.list-row:selected {
color: white;
background-color: #215d9c; }
- .list-row:selected:backdrop, .list-row.button:backdrop:selected:hover {
+ .list-row:selected:backdrop {
color: #2c2c2c; }
/*.list-row.button:selected,
.list-row.button:hover {
background-color: #f2f2f2; }
.list-row.button:active {
- color: #4a90d9;
- box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
- .button.list-row:active:selected {
+ box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+ .list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
- .button.list-row:hover:selected {
+ .list-row.button:selected:hover {
background-color: #4281c3; }
-.list-row:selected, .list-row.button:selected, .list-row.button:selected:hover {
+.list-row:selected {
color: white;
background-color: #4a90d9; }
- .list-row:selected:backdrop, .list-row.button:backdrop:selected:hover {
+ .list-row:selected:backdrop {
color: #fcfcfc; }
/*.list-row.button:selected,